/*--S list page style */
.list-container {
  float: left;
  padding: 15px;
  /*  height: 100%;*/
  width: 100%;

  > .list-frame {
    width: 100%;
    float: left;
    border-top: 4px solid @brand-secondary;
    background: #ffffff;
    height: 100%;

    > .list-title {
      width: 100%;
    }

    > .list-title > h3 {
      margin: 0px;
      line-height: 42px;
      padding: 0px 15px;
      border-bottom: 1px solid #d3d3d3;
    }

    > .input-area {
      float: left;
      margin-bottom: 15px;
      margin-top: 15px;
    }

    > .input-area .control-label {
      float: left;
      text-align: right;
      padding-top: 4px;
      width: 30%;
    }

    > .input-area > .form-group:first-child {
      padding: 0px;
    }

    > .input-area > .form-group:first-child > .control-label {
      width: auto;
    }

    > .input-area .control-input {
      float: left;
      text-align: left;
      width: 70%;
    }

    > .input-area .form-group.form-material {
      margin-bottom: 0px;
    }

    > .opt-panel {
      float: left;
      width: 100%;
      padding: 10px 15px 25px;
    }

    > .list-table {
      float: left;
      width: 100%;
      padding: 0px 15px;
    }

    > .list-table > .tab {
      width: 100%;
      float: left;
      border: 1px solid #bdc3c7;
      border-radius: 5px;
      /*max-height: 475px;
      overflow: auto;*/
    }

    > .list-table > .tab > table {
      width: 100%;
      float: left;
      text-align: center;
    }

    > .list-table > .tab thead th {
      text-align: center;
      background: #FFFFFF;
      border-right: 1px solid #bdc3c7;
      font-size: 15px;
    }

    > .list-table > .tab th:first-child {
      border-top-left-radius: 5px;
    }

    > .list-table > .tab th:last-child {
      border-top-right-radius: 5px;
      border-right: none;
    }

    > .list-table > .tab tr {
      border-top: 1px solid #bdc3c7;
      height: 42px;
    }

    > .list-table > .tab tr:hover {
      background: #f2f8ff;
    }

    > .list-table > .tab thead tr {
      border-top: none;
    }

    > .list-table > .tab td, .list-container > .list-frame > .list-table > .tab th {
      border-right: 1px solid #bdc3c7;
      word-break: break-all;
    }

    > .list-table > .tab td:last-child {
      border-right: none;
    }
  }

  /*--S media adjust --*/
  @media (max-width: @screen-sm-max) {

    .input-area {

      width: 100%;

      > .form-group.form-material {
        width: 100%;
        float: left;
        padding: 5px 0px;
        > .control-input, .control-label {
          width: 100%;
          text-align: left;
        }
      }
    }
  }
}

